•

NaN / NaN
Atrás
AR
Saltar navegación
Haz búsquedas por voz
Crear
Notificaciones
Carrito de la compra
AR

Inicio
Explorar
Shorts
Suscripciones
Biblioteca
Historial
Mis vídeos
Ver más tarde
Descargas
Vídeos que me gustan

Suscripciones

Urbana Play 104.3 FM
midudev
Traversy Media
Gonzalo Pozzo
FalconMasters
Walter Vazzotti
Arquitecto Marcelo Seia
Mostrar 17 más
Mostrar menos

Explorar

Películas
Videojuegos
Directo
Aprendizaje
Deportes

Más de YouTube

YouTube Premium
Creator Studio
YouTube Music
YouTube Kids
YouTube TV

Configuración
Historial de denuncias
Ayuda
Enviar sugerencias
InformaciónPrensaDerechos de autorContactarCreadoresPublicidadDesarrolladores
TérminosPrivacidadPolítica y seguridadCómo funciona YouTubeProbar funciones nuevas
© 2022 Google LLC
Inicio
Inicio
Explorar
Explorar
Shorts
Shorts
Suscripciones
Suscripciones
Biblioteca
Biblioteca
Todo En directo Música React Bossa nova Chill out Entrevistas periodísticas Videojuegos Pulso Mixes Python Funk Tiny Desk Concerts Álbumes Kygo Sitio web Computadoras Música clásica Subidas recientes Visto Novedad para ti
RESERVAR
BCN ida y vuelta desde US$989
LEVEL, reserva vuelos directos al mejor precio.
Anuncio
flylevel.com
RESERVAR
Reproduciendo

[EN VIVO] Urbana Play 104.3 FM

Urbana Play 104.3 FM
Urbana Play 104.3 FM
Verificada
•
23.495 usuarios
EN DIRECTO
3:27:00 Reproduciendo

Relaxing Bossa Nova & Jazz Instrumental Music - Cafe Music For Work,Study,Relax

Cafe Music BGM channel
Cafe Music BGM channel
Canal oficial de artista
•
7,7 M de visualizaciones hace 5 años
1:44:46 Reproduciendo

Crea una app con React usando create-react-app

midudev
midudev
Verificada
•
132.207 visualizaciones Emitido hace 2 años
1:25:56 Reproduciendo

Miles Davis with John Coltrane- March 21, 1960 Olympia Theatre, Paris

Milestones: A Miles Davis Archive
Milestones: A Miles Davis Archive
•
2,2 M de visualizaciones hace 6 años
10:40 Reproduciendo

¡DOBLETE DE LEWANDOWSKI PARA LA GOLEADA DEL BARSA! | Real Sociedad 1-4 Barcelona | RESUMEN

ESPN Fans
ESPN Fans
Verificada
•
2,5 M de visualizaciones hace 2 días
2:23 Reproduciendo

Manuel Carrasco,Málaga,May 2022 - Que bonito es querer

Victoria Simpson
Victoria Simpson
•
115 visualizaciones hace 3 días
Reproduciendo

Música calmante para los nervios 🐬 música curativa para el corazón y los vasos sanguíneos,relajación

Soothing Your Soul
Soothing Your Soul
Verificada
•
2936 usuarios
EN DIRECTO
8:25 Reproduciendo

Soterramiento del Sarmiento | Rubén ‘Pollo’ Sobrero en #DeAcáEnMás

Urbana Play 104.3 FM
Urbana Play 104.3 FM
Verificada
•
102 visualizaciones hace 1 hora
28:36 Reproduciendo

Javascript Interview Questions ( Objects ) - Output Based, Destructuring, Object Referencing, etc

RoadsideCoder
RoadsideCoder
•
23.196 visualizaciones hace 2 meses
1:01:05 Reproduciendo

música para programar, trabajar y estudiar - {code-fi} 👨‍💻

midudev
midudev
Verificada
•
357.661 visualizaciones hace 2 años
Reproduciendo

Rainy Day at Cozy Coffee Shop ☕ Relaxing Jazz Instrumental Music For Relax, Study, Work

Coffee Relaxing Jazz
Coffee Relaxing Jazz
•
1035 usuarios
EN DIRECTO

Shorts

React Most Asked Interview Question pt1 😎 #short #shorts #javascript #react #developer #interview

•
179.940 visualizaciones

Larissa Liveir| Guitar Cover Songs| Careless Whisper #shorts

•
789.597 visualizaciones

Stop Indenting Your Code #Shorts

•
1,2 M de visualizaciones

Cantantes sin autotune Tiago Pzk #tiagopzk

•
1,9 M de visualizaciones

Maria Becerra hace una reflexión sobre la fama

•
779.537 visualizaciones

Reconocimiento de Voz en 10 líneas de JavaScript y sin dependencias

•
18.742 visualizaciones

Programmer Desk Setup 2022

•
1,9 M de visualizaciones

A better way to doing if statements in javascript #shorts

•
115.777 visualizaciones
19:06 Reproduciendo

Svaneborg Kardyb: Tiny Desk (Home) Concert

NPR Music
NPR Music
Verificada
•
372.809 visualizaciones hace 2 meses
Reproduciendo

Ed Sheeran, Martin Garrix, Kygo, Dua Lipa, Avicii, Robin Schulz, The Chainsmokers Style - Feeling Me

Wonder Deep
Wonder Deep
Canal oficial de artista
•
4765 usuarios
EN DIRECTO
9:22 Reproduciendo

Esteban Rafele sobre las declaraciones de CFK de ayer de Caputo | #DeAcáEnMás

Urbana Play 104.3 FM
Urbana Play 104.3 FM
Verificada
•
255 visualizaciones hace 1 hora
Reproduciendo

Aerosmith,Queen,Guns N’ Roses,Metallica,Bon Jovi,U2,CCR🔥 Top 100 Best Classic Rock Songs Of All Time

Rock Music
Rock Music
•
1466 usuarios
EN DIRECTO
3:05:53 Reproduciendo

¿Quién es @Fazt y @Fazt Code?

Leonidas Esteban
Leonidas Esteban
•
55.043 visualizaciones Emitido hace 2 años
Reproduciendo

Lounge Jazz: Café Matinal Jazz & Bossa Nova

Cozy Jazz Music
Cozy Jazz Music
•
187 usuarios
EN DIRECTO
56:56 Reproduciendo

Of Monsters and Men - The Cabin Session

Of Monsters and Men
Of Monsters and Men
Canal oficial de artista
•
1,9 M de visualizaciones hace 2 meses
Para recaudar fondos
16:16 Reproduciendo

Junior vs Senior React Folder Structure - How To Organize React Projects

Web Dev Simplified
Web Dev Simplified
Verificada
•
131.089 visualizaciones hace 1 mes
Reproduciendo

🔴 ANTES QUE NADIE | EN VIVO

LUZU TV
LUZU TV
Verificada
•
59.811 usuarios
EN DIRECTO
53:02 Reproduciendo

Gurú emocional: el principio de una gran historia | apertura de #Perros2022

Urbana Play 104.3 FM
Urbana Play 104.3 FM
Verificada
•
3840 visualizaciones hace 6 días
Reproduciendo

WEDNESDAY JAZZ: Cozy Jazz Music for Work, Study

Cafe Music BGM channel
Cafe Music BGM channel
Canal oficial de artista
•
3845 usuarios
EN DIRECTO
1:54:27 Reproduciendo

Chopin: Complete Nocturnes (Luke Faulkner)

HALIDONMUSIC
HALIDONMUSIC
Verificada
•
1,9 M de visualizaciones hace 1 año

•
Nested Routes Tutorial - React Router Dom V6
Si la reproducción no empieza en breve, prueba a reiniciar el dispositivo.
5 segundos
2:00
11:19
No has iniciado sesión
Los vídeos que veas podrían aparecer en el historial de reproducciones de la TV e influir en las recomendaciones. Puedes evitarlo si cancelas e inicias sesión en YouTube desde tu ordenador.
um aquíy lo que hace es agregar
PedroTech
SUSCRIBIRME
SUSCRITO
PedroTech
SUSCRIBIRME
SUSCRITO
Videos about Web Development! ReactJS, NodeJS, MySQL, Express, MongoDB, GraphQL and much more!
ReactJS Course [11] - React-Hook-Form and YUP Tutorial | How to do Forms The Right Way
28:44
React Hooks Course - All React Hooks Explained
1:26:21
Siguiente
En directo
Próximamente
Ver ahora
Cambiar de cámara
Compartir
Se ha producido un error al recuperar la información de uso compartido. Vuelve a intentarlo más tarde.
0:00
8:37
5:46 / 8:37•Ver vídeo completo
#reactjs #codificación #rutas

Tutorial de rutas anidadas - React Router Dom V6

Traducido
32.580 visualizaciones 30 dic 2021 En este video, repaso cómo implementar rutas anidadas en React Router versión 6.…...más
...más
Mostrar menos
1142
No me gusta
Compartir
PedroTech
PedroTech
87.900 suscriptores
Suscribirme
Comentarios
76
bad legend
Cool video. Very clean, clear and useful. For ideas : Protected routes with a authenticated and authorized user redirect. Admin vs user vs not logged in using Firebase. Multiple page layouts combining pages with and without bottom tab navigation.
#reactjs #codificación #rutas

Tutorial de rutas anidadas - React Router Dom V6

Traducido
32.580 visualizaciones32.580 visualizaciones
30 dic 2021
1142
No me gusta
Compartir
Descargar
Gracias
Clip
Guardar
PedroTech
PedroTech
87.900 suscriptores
Suscribirme
En este video, repaso cómo implementar rutas anidadas en React Router versión 6. Código: https://github.com/machadop1407/neste... 🚀 Aprende ReactJS construyendo 6 proyectos: https://codedamn.com/learn/reactjs-pr... 🐙 Curso GraphQL: https://codamn.com/learn/graphql-for-... Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Web: www.machadopedro.com Linkedin: https://www.linkedin.com/in/machadop1... Instagram: https://www.instagram.com/_pedro.mach... Github: https://github.com/machadop1407 Correo electrónico comercial: pedro@pedrotech.co Etiquetas: -Tutorial de ReactJS - ReactJS y MySQL - Tutorial de NodeJS - Tutoría API #reactjs #codificación #rutas anidadas #reactrouter
Mostrar menos ...más

Crear clip

Guido Mantegna
Público
 
 
0/140
–
30.0 segundos
Cancelar
Compartir clip
Sigue creando clips después del anuncio
No puedes crear clips mientras se reproduce un anuncio

Descripción

En este video, repaso cómo implementar rutas anidadas en React Router versión 6. Código: https://github.com/machadop1407/neste... 🚀 Aprende ReactJS construyendo 6 proyectos: https://codedamn.com/learn/reactjs-pr... 🐙 Curso GraphQL: https://codamn.com/learn/graphql-for-... Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Web: www.machadopedro.com Linkedin: https://www.linkedin.com/in/machadop1... Instagram: https://www.instagram.com/_pedro.mach... Github: https://github.com/machadop1407 Correo electrónico comercial: pedro@pedrotech.co Etiquetas: -Tutorial de ReactJS - ReactJS y MySQL - Tutorial de NodeJS - Tutoría API #reactjs #codificación #rutas anidadas #reactrouter
Mostrar menos Mostrar más

Comentarios 76

Mejores comentarios
Más recientes primero

Transcripción

NaN / NaN
¿Por qué este anuncio?
Depredador
Anuncio
starplus.com
Suscríbete
Todos De tu búsqueda React HTML Relacionados PedroTech Subidas recientes Visto

Becas del 70% Abiertas a Todos

Te damos 2 clases de prueba, y si no cumple con tus expectativas te devolvemos el dinero.
Anuncio
Coderhouse
VISITAR SITIO
11:19 Reproduciendo

React Router 6 Tutorial #4 - Nested Routes

The Net Ninja
The Net Ninja
Verificada
•
22.359 visualizaciones hace 6 meses
13:12 Reproduciendo

React Router v6 Major Changes

Traversy Media
Traversy Media
Verificada
•
102.064 visualizaciones hace 8 meses
20:42 Reproduciendo

React Router V6 Tutorial - Routes, Redirecting, UseNavigate, UseParams...

PedroTech
PedroTech
•
194.886 visualizaciones hace 9 meses
8:36 Reproduciendo

¿Está el mercado tech saturado de juniors? Trabajo para gente que empieza en programación

midudev
midudev
Verificada
•
13.757 visualizaciones hace 20 horas
Nuevo
Reproduciendo

Mix: PedroTech

Más de este canal para ti
Más de este canal para ti
•
1:30:38 Reproduciendo

SEO con React y Deploy integrado con GitHub

midudev
midudev
Verificada
•
19.662 visualizaciones Emitido hace 2 años
46:20 Reproduciendo

Learn React Router v6 In 45 Minutes

Web Dev Simplified
Web Dev Simplified
Verificada
•
46.905 visualizaciones hace 3 semanas
10:38 Reproduciendo

React Router Tutorial - 8 - Nested Routes

Codevolution
Codevolution
Verificada
•
21.942 visualizaciones hace 7 meses
2:01:49 Reproduciendo

Registro de usuario con Formik, React.createPortal y gestión de favoritos en nuestra app de ReactJS

midudev
midudev
Verificada
•
21.579 visualizaciones Emitido hace 2 años
29:39 Reproduciendo

React Router 6 - What Changed & Upgrading Guide

Academind
Academind
Verificada
•
153.828 visualizaciones hace 9 meses
9:19 Reproduciendo

The New Way To Create Protected Routes With React Router V6

Dennis Ivy
Dennis Ivy
Verificada
•
14.549 visualizaciones hace 2 meses
Reproduciendo

[EN VIVO] Urbana Play 104.3 FM

Urbana Play 104.3 FM
Urbana Play 104.3 FM
Verificada
•
23.610 usuarios
EN DIRECTO
19:03 Reproduciendo

Protected Routes in ReactJS - React Router Dom

PedroTech
PedroTech
•
55.735 visualizaciones hace 1 año
49:39 Reproduciendo

React Router v6 Preview: Nested Routing (TUTORIAL)

Sam Selikoff
Sam Selikoff
•
26.088 visualizaciones hace 2 años
37:11 Reproduciendo

TESTING en REACT 🧪 ¡Aprende DESDE CERO! Con react-testing-library y Jest (FullStack Bootcamp JS)

midudev
midudev
Verificada
•
55.344 visualizaciones hace 1 año
1:37:54 Reproduciendo

Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS

midudev
midudev
Verificada
•
76.697 visualizaciones Emitido hace 2 años
1:14:49 Reproduciendo

SIMULACRO de PRUEBA TÉCNICA de PROGRAMADOR para TRABAJO en REMOTO en EEUU

midudev
midudev
Verificada
•
44.130 visualizaciones hace 1 mes
1:42:54 Reproduciendo

Login y Sesión de Usuarios 🔐 para guardar Favoritos ⚛️ [En directo]

midudev
midudev
Verificada
•
50.616 visualizaciones Emitido hace 2 años
1:27:47 Reproduciendo

Lazy Load, Suspense y paginación con React

midudev
midudev
Verificada
•
49.335 visualizaciones Emitido hace 2 años
23:54 Reproduciendo

Styled Components Full Tutorial - Style Your Components in React

PedroTech
PedroTech
•
78.222 visualizaciones hace 1 año
Mostrar más
Filtros
Abre los filtros de búsqueda
1:04:48 Reproduciendo

React Router Dom V6 - Tutorial Práctico desde Cero

Fazt Code
Fazt Code
Verificada
•
40.299 visualizaciones hace 8 meses
Fazt Code
Fazt Code
Verificada
En este ejemplo práctico vamos a aprender a utiilizar la biblioteca de react para crear un rutas o URLs en nuestras aplicaciones ... En este ejemplo práctico vamos a aprender a utiilizar la biblioteca de react para crear un rutas o URLs en nuestras aplicaciones ...
Extraído de la descripción del vídeo
Introdución del Tutorial | ¿Qué es React Router? | BrowserRouter, Routes, Route | Not Found | NavLink | Link | Params | Navigate | useNavigate | SubComponente | SubRoutes
11 capítulos en este vídeo
11 capítulos

Introdución del Tutorial

0:00

¿Qué es React Router?

1:21

BrowserRouter, Routes, Route

4:07

Not Found

18:24

NavLink

21:34

Link

33:04

Params

36:13
8:38 Reproduciendo

Tutorial de rutas anidadas - React Router Dom V6

PedroTech
PedroTech
•
32.580 visualizaciones hace 7 meses
PedroTech
PedroTech
En este video, repaso cómo implementar rutas anidadas en React Router versión 6. Código: https://github.com/machadop1407 ... En este video, repaso cómo implementar rutas anidadas en React Router versión 6. Código: https://github.com/machadop1407 ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
13:12 Reproduciendo

React Router v6 cambios importantes

Traversy Media
Traversy Media
Verificada
•
102.064 visualizaciones hace 8 meses
Traversy Media
Traversy Media
Verificada
Video rápido sobre los principales cambios en React Router. Repositorio de curso intensivo de React: https://github.com ... Video rápido sobre los principales cambios en React Router. Repositorio de curso intensivo de React: https://github.com ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Use Navigate Hook | Go Back Button | Recap
3 momentos generados automáticamente en este vídeo
3 momentos

Use Navigate Hook

9:04

Go Back Button

9:48

Recap

11:54
9:19 Reproduciendo

The New Way To Create Protected Routes With React Router V6

Dennis Ivy
Dennis Ivy
Verificada
•
14.549 visualizaciones hace 2 meses
Dennis Ivy
Dennis Ivy
Verificada
Updated version of how to create protected routes in react router v6. Check out the article that goes with this: ... Updated version of how to create protected routes in react router v6. Check out the article that goes with this: ...
Extraído de la descripción del vídeo
Create a private route | Authentication | Create a Route
3 momentos generados automáticamente en este vídeo
3 momentos

Create a private route

1:13

Authentication

1:34

Create a Route

6:20
30:43 Reproduciendo

Reaccionar rutas protegidas | Autorización basada en roles | Reaccionar enrutador v6

Dave Gray
Dave Gray
•
103.389 visualizaciones hace 7 meses
Dave Gray
Dave Gray
React Protected Routes le permite hacer que parte de su aplicación React sea exclusiva para usuarios autorizados. La ... React Protected Routes le permite hacer que parte de su aplicación React sea exclusiva para usuarios autorizados. La ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Intro | Welcome and Startup | Install React Router v6 | Update index.js with RRv6 | Basic Routing Setup | useAuth hook | RequireAuth component v1 | Manage browser history | Testing with backend authentication | RequireAuth component v2 | Applying Role-Based Routing | Object lookup for roles | Testing role-based routes | Last note on the Unauthorized component
14 capítulos en este vídeo
14 capítulos

Intro

0:00

Welcome and Startup

0:53

Install React Router v6

1:27

Update index.js with RRv6

2:17

Basic Routing Setup

3:38

useAuth hook

7:41

RequireAuth component v1

10:06
42:34 Reproduciendo

React Router v6 - Guía práctica desde CERO | Tutorial

Yoelvis Mulen { code }
Yoelvis Mulen { code }
•
9933 visualizaciones hace 8 meses
Yoelvis Mulen { code }
Yoelvis Mulen { code }
Cómo usar react-router-dom v6 y migrar desde react-router-dom v5. ✓ Contenido: 0:00 Intro y Setup 2:33 Enrutamiento con ... Cómo usar react-router-dom v6 y migrar desde react-router-dom v5. ✓ Contenido: 0:00 Intro y Setup 2:33 Enrutamiento con ...
Extraído de la descripción del vídeo
Intro y Setup | Enrutamiento con BrowserRouter, Routes y Route | Redireccionar usando Navigate | Barra de navegación usando Link | Layout usando Outlet | Crear listado de usuarios | Parámetros de ruta con useParams | Movernos programáticamente con useNavigate | Parámetros de consulta con useSearchParams | Rutas anidadas | Resaltar enlace activo con NavLink | El hook useLocation
12 capítulos en este vídeo
12 capítulos

Intro y Setup

0:00

Enrutamiento con BrowserRouter, Routes y Route

2:33

Redireccionar usando Navigate

6:29

Barra de navegación usando Link

9:54

Layout usando Outlet

11:31

Crear listado de usuarios

14:58

Parámetros de ruta con useParams

16:51
1:44:23 Reproduciendo

📚 Tutorial de React Router 6 desde cero

midulive
midulive
•
30.752 visualizaciones hace 6 meses
midulive
midulive
React Router es la biblioteca más famosa de enrutado en React. Con la versión 6 hay muchas cosas que han cambiado. React Router es la biblioteca más famosa de enrutado en React. Con la versión 6 hay muchas cosas que han cambiado.
Extraído de la descripción del vídeo
0:28 React Router V6 is Here Closing in on a decade of dient-side routing, React Router v takes the best features from previous ... React Router V6 is Here Closing in on a decade of dient-side routing, React Router v takes the best features from previous ...
Texto detectado en el vídeo
5:16 Reproduciendo

Общая разметка и компонент Outlet в React-Router 6

Михаил Непомнящий
Михаил Непомнящий
•
27.403 visualizaciones hace 9 meses
Михаил Непомнящий
Михаил Непомнящий
Шестая версия библиотеки react-router-dom предлагает альтернативный подход к организации типовых элементов ... Шестая версия библиотеки react-router-dom предлагает альтернативный подход к организации типовых элементов ...
Extraído de la descripción del vídeo
29:39 Reproduciendo

React Router 6: cambios y guía de actualización

Academind
Academind
Verificada
•
153.828 visualizaciones hace 9 meses
Academind
Academind
Verificada
Se lanzó React Router v6 (¡estable!) ¡Y es una gran mejora con respecto a v5! Este video cubre todas las nuevas ... Se lanzó React Router v6 (¡estable!) ¡Y es una gran mejora con respecto a v5! Este video cubre todas las nuevas ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Install React Router Version 6
7 momentos generados automáticamente en este vídeo
7 momentos

Upgrading Guide

0:47

Install React Router Version 6

1:49

Internal Changes

6:08

Links

9:54

Nested Routes

21:57

Imperative Navigation

25:52

Use Navigate Hook

26:40
13:47 Reproduciendo

React Router V6 #4 - Nested Routes, Outlet Component

Jinson Abraham
Jinson Abraham
•
817 visualizaciones hace 8 meses
Jinson Abraham
Jinson Abraham
React Router 6ന്റെ ഫീച്ചേഴ്സ് മലയാളത്തിൽ പരിചയപ്പെടുത്തുന്ന ഒരു ... React Router 6ന്റെ ഫീച്ചേഴ്സ് മലയാളത്തിൽ പരിചയപ്പെടുത്തുന്ന ഒരു ...
Extraído de la descripción del vídeo
20:42 Reproduciendo

Tutorial de React Router V6 - Rutas, redireccionamiento, UseNavigate, UseParams ...

PedroTech
PedroTech
•
194.886 visualizaciones hace 9 meses
PedroTech
PedroTech
Hola a todos, en este video les enseño a todos la nueva versión de React Router Dom. Tengo un video antiguo que enseña este ... Hola a todos, en este video les enseño a todos la nueva versión de React Router Dom. Tengo un video antiguo que enseña este ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Install React Router ... | Difference between the routes component and the router | Using the route component | Home Page | Add Links | Using Params
6 momentos generados automáticamente en este vídeo
6 momentos

Install React Router ...

1:44

Difference between the routes component and the router

4:37

Using the route component

5:52

Home Page

5:56

Add Links

11:13

Using Params

17:47
13:26 Reproduciendo

React Router OUTLET Você Precisa Saber Como Usar Esse Recurso!

João Bibiano
João Bibiano
•
2131 visualizaciones hace 3 meses
João Bibiano
João Bibiano
A versão 6 do react router vem cada vez mais se tornando popular, e graças a diversos recursos que a versão trouxe. Mas uma ... A versão 6 do react router vem cada vez mais se tornando popular, e graças a diversos recursos que a versão trouxe. Mas uma ...
Extraído de la descripción del vídeo

Los usuarios también han visto

19:16 Reproduciendo

How To Create A Navbar In React With Routing

Web Dev Simplified
Web Dev Simplified
Verificada
•
70.949 visualizaciones hace 2 meses
Web Dev Simplified
Web Dev Simplified
Verificada
Navbars are one of the most common components you will create in React. Creating a good navbar also teaches core concepts ... Navbars are one of the most common components you will create in React. Creating a good navbar also teaches core concepts ...
Extraído de la descripción del vídeo
Routing without React router
5 capítulos en este vídeo
5 capítulos

Introduction

0:00

Navbar HTML

0:48

Navbar CSS

2:24

Routing without React router

5:55

Routing with React router

12:30
12:56 Reproduciendo

React Router Dom 6 - Pass state to Route using Link or Navigate (usenavigate)

Asad Zubair Bhatti
Asad Zubair Bhatti
•
4923 visualizaciones hace 6 meses
Asad Zubair Bhatti
Asad Zubair Bhatti
Today, we will learn how to pass state to route using Link component or the new useNavigate (navigate function) hook given by ... Today, we will learn how to pass state to route using Link component or the new useNavigate (navigate function) hook given by ...
Extraído de la descripción del vídeo
10:23 Reproduciendo

Reaccionar enrutador v6 | Rutas Públicas y Protegidas

Fullstack Simplified
Fullstack Simplified
•
27.510 visualizaciones hace 8 meses
Fullstack Simplified
Fullstack Simplified
Este video trata sobre cómo usar React Router v6 para crear rutas públicas y protegidas en su aplicación web de reacción ... Este video trata sobre cómo usar React Router v6 para crear rutas públicas y protegidas en su aplicación web de reacción ...
Extraído de la descripción del vídeo
4K
Subtítulos
Install the React Router Dom Package | Authentication System | Profile Page
3 momentos generados automáticamente en este vídeo
3 momentos

Install the React Router Dom Package

0:24

Authentication System

1:19

Profile Page

3:31
8:13 Reproduciendo

React Router 6 - useNavigate()

Coding Addict
Coding Addict
•
2864 visualizaciones hace 3 meses
Coding Addict
Coding Addict
React Router 6 - useNavigate() Project Based Web Development Courses - https://www.johnsmilga.com React Tutorial ... React Router 6 - useNavigate() Project Based Web Development Courses - https://www.johnsmilga.com React Tutorial ...
Extraído de la descripción del vídeo
+6 más
21:32 Reproduciendo

Reaccionar Router v6 en 20 minutos | Tutorial de actualización y refactorización de RRv6

Dave Gray
Dave Gray
•
12.081 visualizaciones hace 8 meses
Dave Gray
Dave Gray
En este tutorial de actualización y refactorización de React Router v6, aprenderá sobre React Router v6, incluido cómo ... En este tutorial de actualización y refactorización de React Router v6, aprenderá sobre React Router v6, incluido cómo ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Intro | Welcome | Look at the docs | The Starter Project | Installing React Router Version 6 | Updating the Index.js | Updating the App.js imports | useNavigate replaces useHistory | Adding a Layout Component | Adding Outlet index content | Nested Routes | Additional Routes | Review of the Routing Structure | Link and useParams | Testing the Refactored Code
15 capítulos en este vídeo
15 capítulos

Intro

0:00

Welcome

0:09

Look at the docs

0:15

The Starter Project

1:07

Installing React Router Version 6

2:15

Updating the Index.js

4:05

Updating the App.js imports

6:09
33:13 Reproduciendo

React - Migrar React Router V5 a V6

Fernando Herrera
Fernando Herrera
•
7604 visualizaciones hace 9 meses
Fernando Herrera
Fernando Herrera
Cursos de React completos: https://fernando-herrera.com/#/search/react Repositorio Inicial: ... Cursos de React completos: https://fernando-herrera.com/#/search/react Repositorio Inicial: ...
Extraído de la descripción del vídeo

Para ti

4:43 Reproduciendo

002 - Install NVM and Node - Node Version Management - Mac M1

Chhanh Trao
Chhanh Trao
•
730 visualizaciones hace 8 meses
Chhanh Trao
Chhanh Trao
23:59 Reproduciendo

¡Carrusel/Slider en React sin instalar NADA!

lasfito
lasfito
•
1040 visualizaciones hace 2 meses
lasfito
lasfito
Aprende cómo crear un carrusel/slider de imágenes en React sin instalar ninguna dependencia #webdev #tutorial #react ... Aprende cómo crear un carrusel/slider de imágenes en React sin instalar ninguna dependencia #webdev #tutorial #react ...
Extraído de la descripción del vídeo
Demostración | Configuración Proyecto | Carrusel/Slider en React | Animación CSS | Consideraciones
5 capítulos en este vídeo
5 capítulos

Demostración

0:00

Configuración Proyecto

0:57

Carrusel/Slider en React

4:50

Animación CSS

17:30

Consideraciones

22:10
1:44:13 Reproduciendo

Node & React Redux Tool Kit with Typescript

Arturo Filio Villa
Arturo Filio Villa
•
2116 visualizaciones hace 4 meses
Arturo Filio Villa
Arturo Filio Villa
IMPORTANT! check frontend githug repo for better CSS for the GamePage Backend Repo: ... IMPORTANT! check frontend githug repo for better CSS for the GamePage Backend Repo: ...
Extraído de la descripción del vídeo
+15 más
10:38 Reproduciendo

Tutorial de React Router - 8 - Rutas anidadas

Codevolution
Codevolution
Verificada
•
21.942 visualizaciones hace 7 meses
Codevolution
Codevolution
Verificada
📘 Cursos - https://learn.codevolution.dev/ 💖 Soporte UPI - https://support.codevolution.dev/ 💖 Soporte PayPal - https://www ... 📘 Cursos - https://learn.codevolution.dev/ 💖 Soporte UPI - https://support.codevolution.dev/ 💖 Soporte PayPal - https://www ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Nested Routes | Step One | Step 2 | Step Three | Configure Nested Routes | Outlet Component
6 momentos generados automáticamente en este vídeo
6 momentos

Nested Routes

0:08

Step One

1:57

Step 2

3:23

Step Three

5:09

Configure Nested Routes

6:07

Outlet Component

7:41
11:19 Reproduciendo

React Router 6 Tutorial #4 - Rutas anidadas

The Net Ninja
The Net Ninja
Verificada
•
22.359 visualizaciones hace 6 meses
The Net Ninja
The Net Ninja
Verificada
🔥 Obtenga acceso a cursos premium en Net Ninja Pro: https://netninja.dev/cursos 🔥 Mis cursos de Udemy: http://www.thenetninja ... 🔥 Obtenga acceso a cursos premium en Net Ninja Pro: https://netninja.dev/cursos 🔥 Mis cursos de Udemy: http://www.thenetninja ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Create Nested Routes | Update the About Path | Nested Route inside the Product Details Page | React and Firebase Udemy Course
4 momentos generados automáticamente en este vídeo
4 momentos

Create Nested Routes

0:05

Update the About Path

3:41

Nested Route inside the Product Details Page

6:06

React and Firebase Udemy Course

10:51

Vistos anteriormente

13:39 Reproduciendo

71. Implemente el enrutamiento usando react-router-dom en la aplicación React Redux - ReactJS

Leela Web Dev
Leela Web Dev
•
2002 visualizaciones hace 1 año
Leela Web Dev
Leela Web Dev
Hola amigos En este video, veremos cómo implementar el enrutamiento en react-router-dom en la aplicación react-redux ... Hola amigos En este video, veremos cómo implementar el enrutamiento en react-router-dom en la aplicación react-redux ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
1:27:47 Reproduciendo

Lazy Load, Suspense y paginación con React

midudev
midudev
Verificada
•
49.335 visualizaciones Emitido hace 2 años
midudev
midudev
Verificada
Aprende a usar React.Lazy, el componente de Suspense y cómo hacer paginación fácilmente con React. No te pierdas más ... Aprende a usar React.Lazy, el componente de Suspense y cómo hacer paginación fácilmente con React. No te pierdas más ...
Extraído de la descripción del vídeo
Bienvenida | Añadir Trendings de Giphy | Arreglar título con espacios | Imports amigables y limpios usando baseUrl | Cargar lazy la sección de Trending | useRef para guardar elementos del DOM | Cómo instalar un polyfill de Intersection Observer | Crear hook useNearScreen desde cero | Cargar un componente de forma dinámica con React.lazy | ¿Qué es Suspense y por qué lo necesitamos? | React Placeholders con SVG | Paginación con React | Despedida, agradecimientos y cierre
13 capítulos en este vídeo
13 capítulos

Bienvenida

0:00

Añadir Trendings de Giphy

2:47

Arreglar título con espacios

11:05

Imports amigables y limpios usando baseUrl

12:59

Cargar lazy la sección de Trending

19:47

useRef para guardar elementos del DOM

31:40

Cómo instalar un polyfill de Intersection Observer

39:28
3:48 Reproduciendo

Cómo Implementar LAZY LOADING en React JS | Carga Diferida | Tutorial en Español (2020)

BorjaScript
BorjaScript
•
8676 visualizaciones hace 2 años
BorjaScript
BorjaScript
En este tutorial aprenderás a cómo implemantar Lazy Loading (carga diferida) en tu aplicación de React JS. Para implementar lo ... En este tutorial aprenderás a cómo implemantar Lazy Loading (carga diferida) en tu aplicación de React JS. Para implementar lo ...
Extraído de la descripción del vídeo
Más
24:12 Reproduciendo

tutorial de react router v6 Ruta pública y rutas protegidas con ejemplo de panel

Bikash web
Bikash web
•
11.082 visualizaciones hace 6 meses
Bikash web
Bikash web
En este video, estoy recorriendo React Router v6, principalmente cómo lidiar con la ruta autenticada, es decir, mostrar rutas ... En este video, estoy recorriendo React Router v6, principalmente cómo lidiar con la ruta autenticada, es decir, mostrar rutas ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
Introduction | Protected Route component | Local storage authentication | Conditional render of component | Public Route Componenteact #TypeScript #ReactPortfolio
5 capítulos en este vídeo
5 capítulos

Introduction

0:00

Protected Route component

5:06

Local storage authentication

13:03

Conditional render of component

19:15

Public Route Componenteact #TypeScript #ReactPortfolio

20:30
49:39 Reproduciendo

Vista previa de React Router v6: Enrutamiento anidado (TUTORIAL)

Sam Selikoff
Sam Selikoff
•
26.088 visualizaciones hace 2 años
Sam Selikoff
Sam Selikoff
Vea el código en GitHub: https://github.com/samselikoff/2020-06-09-react-router-v6-navlink Vea el código en GitHub: https://github.com/samselikoff/2020-06-09-react-router-v6-navlink
Extraído de la descripción del vídeo
Subtítulos
Inglés
Active State Styling | Nav Links | Rebuild Nav Link | Use Location | Add Child Routes That Are Nested | Top-Level Routes | Child Routes | Match Routes | Recap | use resolved location | Third Level of Nesting Routes | new users page | Render a Dynamic Nested Content
13 momentos generados automáticamente en este vídeo
13 momentos

Active State Styling

2:47

Nav Links

3:21

Rebuild Nav Link

6:44

Use Location

8:14

Add Child Routes That Are Nested

13:36

Top-Level Routes

22:55

Child Routes

24:55
4:11 Reproduciendo

Rutas protegidas en React Router v6

Lester Fernandez
Lester Fernandez
•
35.196 visualizaciones hace 8 meses
Lester Fernandez
Lester Fernandez
Rutas autenticadas en React, la manera fácil. NOTA: En el momento de la grabación, el enrutador de reacción 6 todavía era muy ... Rutas autenticadas en React, la manera fácil. NOTA: En el momento de la grabación, el enrutador de reacción 6 todavía era muy ...
Extraído de la descripción del vídeo
Subtítulos
Inglés
28:09 Reproduciendo

React Router V6 #reactjs #reactrouter

Latte And Code
Latte And Code
•
276 visualizaciones hace 7 meses
Latte And Code
Latte And Code
En este vídeo encontrarás un resumen de todo lo nuevo que trae la versión 6 de React Router, la librería más famosa de React ... En este vídeo encontrarás un resumen de todo lo nuevo que trae la versión 6 de React Router, la librería más famosa de React ...
Extraído de la descripción del vídeo
Introducción | Conceptos básicos de React Router 6 | Ejemplo básico con React Router 6 | El componente Routes | El componente Outlet | Rutas index | Hook useParams | Rutas relativas | Orden de las rutas | Hook useNavigate | Match anything with React Router 6 | Link y enlaces relativos
12 capítulos en este vídeo
12 capítulos

Introducción

0:00

Conceptos básicos de React Router 6

0:52

Ejemplo básico con React Router 6

9:00

El componente Routes

10:40

El componente Outlet

14:00

Rutas index

16:20

Hook useParams

18:00